锘?index_01 { font-family: "瀹嬩綋"; font-size: 12px; font-style: normal; line-height: 25px; font-weight: normal; text-transform: none; color: #868686; } .index_01 a{color: #868686;} .index_02 { font-family: "瀹嬩綋"; font-size: 12px; font-style: normal; line-height: 25px; font-weight: normal; text-transform: none; color: #A8A8A8; } .index_03 { font-family: "瀹嬩綋"; font-size: 16px; font-style: normal; line-height: 25px; font-weight: normal; text-transform: none; color: #FFFFFF; } .index_04 { font-size: 12px; font-style: normal; line-height: 25px; font-weight: normal; text-transform: uppercase; color: #656565; } .index_05 { font-family: "瀹嬩綋"; font-size: 30px; font-style: normal; line-height: 25px; font-weight: bold; text-transform: none; color: #03559E; } .index_06 { font-family: "瀹嬩綋"; font-size: 16px; font-style: normal; line-height: 25px; text-transform: none; color: #03559E; font-weight: bold; } .index_07 { font-family: "瀹嬩綋"; font-size: 14px; font-style: normal; line-height: 28px; font-weight: normal; text-transform: uppercase; color: #4E4E4E; } .index_08 { font-family: "瀹嬩綋"; font-size: 40px; font-style: normal; line-height: 28px; font-weight: bold; text-transform: uppercase; color: #AEAEAE; font-variant: normal; } .index_09 { font-family: "瀹嬩綋"; font-size: 15px; font-style: normal; line-height: 28px; font-weight: normal; text-transform: uppercase; color: #444444; } .index_10 { font-family: "瀹嬩綋"; font-size: 12px; font-style: normal; line-height: 22px; font-weight: normal; text-transform: uppercase; color: #DCDCDC; } .index_10 a{color: #DCDCDC;} .index_11 { font-family: "瀹嬩綋"; font-size: 14px; font-style: normal; line-height: 22px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; } span.index_11 a{ color: #FFFFFF} .index_12 { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: normal; line-height: 28px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; font-variant: normal; } .index_13 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 22px; text-transform: none; color: #FFFFFF; font-variant: normal; } .index_14 { font-family: "瀹嬩綋"; font-size: 12px; font-style: normal; line-height: 28px; font-weight: normal; text-transform: uppercase; color: #4E4E4E; } .index_15 { font-family: "瀹嬩綋"; font-size: 16px; font-style: normal; line-height: 28px; font-weight: normal; text-transform: uppercase; color: #4E4E4E; } .aboutMenu ul li{ margin-right: 10px;line-height: 43px;padding: 0 20px;background: #026dcc;height: 43px;border-radius: 8px 8px 0px 0px;font-size: 16px;color: #fff;} .aboutMenu ul li a{ font-family: "瀹嬩綋";color: #fff;font-weight: bold;} .aboutMenu ul li.current{ background: none;} .aboutMenu ul li.current a{color: #08c} .index_16 { font-family: "瀹嬩綋"; font-size: 16px; font-style: normal; line-height: 28px; font-weight: normal; text-transform: uppercase; color: #FFFFFF; } .index_17 { font-family: "瀹嬩綋"; font-size: 36px; font-style: normal; line-height: 35px; text-transform: none; color: #03559E; } .index_18 { font-family: "瀹嬩綋"; font-size: 35px; font-style: normal; line-height: 35px; text-transform: uppercase; color: #E5E5E5; font-weight: bold; } .index_19 { font-family: "瀹嬩綋"; font-size: 14px; font-style: normal; line-height: 30px; font-weight: normal; color: #4E4E4E; } .index_19_1 { font-family: "瀹嬩綋"; font-size: 14px; font-style: normal; line-height: 30px; font-weight: normal; text-transform: uppercase; color: #4E4E4E; } .index_20 { font-family: "瀹嬩綋"; font-size: 16px; font-style: normal; line-height: 28px; font-weight: bold; text-transform: uppercase; color: #333333; } .index_21 { font-family: "瀹嬩綋"; font-size: 13px; font-style: normal; line-height: 23px; font-weight: normal; text-transform: uppercase; color: #9E9E9E; } .index_22 { font-family: "瀹嬩綋"; font-size: 16px; font-style: normal; line-height: 25px; text-transform: none; color: #03559E; } .index_23 { font-family: "瀹嬩綋"; font-size: 16px; font-style: normal; line-height: 25px; text-transform: uppercase; color: #FFFFFF; } .index_24 { font-family: "瀹嬩綋"; font-size: 14px; font-style: normal; line-height: 25px; text-transform: none; color: #03559E; } .index_25 { font-family: "瀹嬩綋"; font-size: 25px; font-style: normal; line-height: 28px; font-weight: normal; text-transform: uppercase; color: #333333; } .index_25_1 { font-family: "瀹嬩綋"; font-size: 14px; font-style: normal; line-height: 23px; font-weight: normal; text-transform: uppercase; color: #898989; } .index_26 { font-family: "瀹嬩綋"; font-size: 14px; font-style: normal; line-height: 26px; font-weight: normal; text-transform: none; color: #4E4E4E; } .index_27 { font-family: "瀹嬩綋"; font-size: 14px; font-style: normal; line-height: 28px; font-weight: normal; text-transform: uppercase; color: #4E4E4E; } .i_service_main{} .i_service_main a{display:block;float:left;position:relative;color:#fff;width:374px;height:268px;overflow:hidden;margin-right: 20px;} .i_service_main a:last-child{ margin-right: 0px;} .i_service_main img,.i_case_main img{display:block;position:relative;top:0;left:0;} .i_service_title{display:inline-block;*display:inline;*zoom:1;border-bottom:0px solid #fff;border-left:none; border-right:none;text-align:center;position:absolute;top:89px;left:0;z-index:30;width: 100%;} .i_service_title h1{font-family:"瀹嬩綋";font-size:28px;line-height:30px;text-align: center;} .i_service_title h2{font-size:10px;line-height:20px;font-weight:normal;text-align: center;text-transform: uppercase;} .i_service_more{width:49px;height:50px;background:url(../images/more.png) no-repeat;position:absolute;left:50%;margin-left:-24px;top:155px;display:none;z-index:30;} .i_layer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;background:#03559e;opacity:0;filter:alpha(opacity=0);} .news-list{padding-bottom: 10px;border-bottom: 1px solid #ddd;margin-bottom: 10px;} .news-list .date-l {margin-top: 6px;margin-right: 24px;} .news-list .date-l p {font-size: 14px;color: #777;line-height: 26px;text-align: center;} .news-list .date-l p span {font-size: 36px;} .news-list .date-l .daily {line-height: 30px;border-top: 1px solid #d2d2d2;} .news-list .date-r .list-t {display: block;width: 328px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .news-list .date-r {width: 470px;} .news-list .date-r a {font-family:"瀹嬩綋";font-size: 14px;line-height: 28px;color: #333;} .news-list .date-r p {font-size: 12px;color: #777;line-height: 22px;margin-top: 0px;} .homecompany img{ margin-right: 20px;margin-top: 8px;} .homecompany{ text-indent: 28px;} .homecompany a{ color: #4E4E4E;} /*------------------menu--------------*/ .header-nav{;width: 1170px;margin: 0 auto;} nav li { text-align: center; line-height: 44px; margin-top: 1px; position: relative; font-family: "瀹嬩綋"; font-size: 16px; min-width: 100px; margin-right: 33px; font-weight: 600px; } nav li:last-child{ margin-right: 0px;} nav li a{color:#fff;display: block;font-weight: bold;} nav li i{display: none;position: absolute;width: 64px;left: 18px;bottom: 0;height: 2px;background: #1c69bd;} nav li:hover i{ display: block;} nav li .lt-box{opacity: 0.95;background: #fff;padding-top: 28px;width:504px;overflow: hidden;position: absolute;z-index:999999;display: none;padding-bottom:10px;} nav li .lt-box dl{float:left;overflow: hidden;padding-left: 18px;} nav li .lt-box dd{line-height:36px;min-width: 115px;} nav li .lt-box dd a{color:#333;font-size: 14px;text-align: left;display: block;padding-left: 20px;background: url("../images/jt_33.jpg") no-repeat left -24px; border-bottom: 1px solid #eaeaea;transition:color 0.3s,border-color 0.3s,font-size 0.3s;} nav li .lt-box .pic-a{float:left;margin: 12px 0 0 50px;} nav li .lt-box dd a:hover{font-size: 14px;color: #055ead;border-color:#afcbe5;background-position: 0 13px;} nav .c-had .in-a{background: #fff;color:#005580;} /*------------------menu--------------*/ /*------------------footer-----------*/ .x-select em,.x-select i{ font-style: normal;} .x-select{width: 192px;position: relative;height: 45px;line-height: 45px;background: #fff;z-index: 4;} .x-select span.line{position: absolute;width: 1px;height: 32px;background: #ececec;right: 0;top: 7px;} .x-select .now{display: block;text-align: center;font-size: 14px;color: #424242;height: 45px;} .x-select a:hover{color: #055ead;} .x-select .now i{display: inline-block;*zoom:1;*display: inline;width: 0;height: 0;border-width: 4px;border-style: solid;border-color: #a0a0a0 transparent transparent; margin-left: 11px;vertical-align: 0px;*vertical-align: 8px;} .x-select .now:hover i{border-top-color: #055ead;} .x-select .slide{position: absolute;bottom: 45px;left: 0;width: 190px;border: 1px solid #ececec;background: #fff;display: none;z-index: 40;} .x-select .slide dl{max-height: 540px;overflow-y: scroll;} .x-select .slide dd{border-bottom: 1px solid #ececec;text-align: center;} .x-select .slide dd a{font-size: 14px;color: #424242;display: block;} .x-select .slide dd a:hover{color: #055ead;} /*------------------footer-----------*/ .i-ban{height: 500px;background: url(../images/loading.gif) no-repeat center; margin: 0 auto;} .aboutClass h1{font-family: "瀹嬩綋";font-size: 36px;font-style: normal;line-height: 45px;text-transform: none;color: #03559E;} .aboutClass span{font-size: 35px;font-style: normal;line-height: 40px;text-transform: uppercase;color: #E5E5E5;font-weight: bold;} .wrap{ width: 1140px;margin: 0 auto;} .wrap .left-scroll{width: 500px;background: url(../images/loading.gif) no-repeat center;min-height: 40px;} .wrap .left-scroll .left{width: 100%;position: relative;overflow: hidden;display: none;} .wrap .left-scroll .btnbox{position: absolute;bottom: 16%;left: 50%;overflow: hidden;} .wrap .left-scroll .btnbox span{width: 15px;height: 7px;margin-left: 8px;cursor: pointer;background: url(../images/ico_47.png) no-repeat right center;text-indent: 9999;display: block;float: left;transition: normal;} .wrap .left-scroll .btnbox span.on{background: url(../images/ico_47.png) no-repeat left center;width: 25px;} .wrap .left-scroll .prev{background: url(../images/ico_45.png) no-repeat center top;left: 0;} .wrap .left-scroll .next{background: url(../images/ico_46.png) no-repeat center top;right: 0;} .wrap .left .butn{display: block;width: 49px;height: 81px;position: absolute;top: 50%;margin-top: -30px;cursor: pointer;} .wrap .left-scroll .butn:hover{background-position: center bottom;} .wrap .left li a{display: block;position: relative;cursor: pointer;width: 100%;} .wrap .left li img{width: 100%;display: block;} .wrap .left li p{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;line-height: 70px;font-size: 24px;color: #fff;background: url(../images/bg_09.png) repeat center;} .wrap .left li p{font-family: "瀹嬩綋";line-height: 44px;font-size: 20px;} .wrap .left li p{line-height: 50px;font-size: 17px;} .m-wrap .botlist{display: none;} .botlist{position: relative;width: 100%;overflow: hidden;margin: 0 auto;z-index: 1;} .botlist ul{width: 100%;} .botlist li{width: 25%;position: relative;} .botlist li a{display: block;width: 100%;cursor: pointer;} .botlist li img{width: 96%;height: 100%;display: block;} .productMain{ width: 1170px;margin: 50px auto;} .productMain .imgbox{display: block;width: 50%;position: relative;} .productMain li .f48{font-family: "瀹嬩綋";font-size: 34px;line-height: 40px;font-weight: bold;} .productMain li .f48 a,.productMain .word a:hover {color: #035cac;} .productMain li .contbox{padding: 62px 0% 0 5%;width: 45%;} .productMain li .contbox.fl{padding: 62px 5% 0 0%;width: 45%;} .productMain li .word{margin-top: 5px;line-height: 22px;display: block;} .productMain li .more{display: inline-block;padding-right: 79px;line-height: 38px;font-size: 20px;color: #000;no-repeat right center;margin-top: 38px;} .productMain li .more{margin-top: 10px;} .productMain li .more:hover{color: #035cac; no-repeat right center;/*background-size: auto 80%;*/} .productMain a{color: #666;transition: all 0.3s ease 0s;} .productwrap { width: 100%;background: #fff;margin: 10px auto;} .productwrap ul{ width: 90%;margin: 0 auto;margin-left: 5%;padding-top: 40px;} .productwrap ul li{ padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #e7e7e7;} .productwrap ul li .imgboxs{width: 275px; margin-right: 55px;overflow: hidden;} .productwrap ul li .imgboxs img{transition: all 1s;width: 275px;height: 192px;} .productwrap ul li .imgboxs img:hover{transform: scale(1.1);transition: all 1s;} .productwrap li .contbox{width: 684px;} .productwrap li .contbox .f28 a{font-family: "瀹嬩綋";font-size: 20px;font-style: normal;line-height: 40px;font-weight: normal;text-transform: uppercase;color: #333333;display: block;font-weight: bold;} .productwrap li .contbox .word{font-family: "瀹嬩綋";font-size: 14px;font-style: normal;line-height: 30px;font-weight: normal;text-transform: uppercase;color: #4E4E4E;} .productwrap li .contbox .f28 a:hover,.productwrap li .contbox .word a:hover{color: #035cac;} .productwrap li .more{font-family: "瀹嬩綋";display: block;margin-top: 10px} .productwrap a{color: #4E4E4E;transition: all 0.3s ease 0s;} .productwrap .pagination{ width: 90%;margin: 0 auto;padding-bottom: 20px;} .productshow{ margin: 20px auto;} .botlist .butn{display: block;width: 45px;height: 80px;position: absolute;top: 50%;margin-top: -40px;z-index: 10;cursor: pointer;} .botlist .prev{left: 0;background: url(../images/ico_34.png) no-repeat left top; } .botlist .prev:hover{ background: url(../images/ico_34.png) no-repeat left bottom; } .botlist .next{ right: 11px; background: url(../images/ico_34.png) no-repeat right top; } .botlist .next:hover{ background: url(../images/ico_34.png) no-repeat right bottom; } .Cret{ width: 1140px;margin: 0px;padding: 0px;overflow: hidden;} .Cret ul{ width: 1160px;overflow: hidden;} .Cret ul li{ width: 265px;margin-right: 25px;margin-bottom: 15px;} .Cret ul li img{display: block; width: 100%;transition: 600ms;} .Cret ul li img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);} .Cret ul li span{ border-bottom:1px solid #e5e5e5;display: block;line-height: 38px;} .Cret ul li span a{font-family: "瀹嬩綋";font-size: 14px;color: #666;} .wrap .newtable{ margin-top: 40px;} .news{ width: 100%;overflow: hidden;} .news ul{} .news ul li{ width: 50%;} .news ul li{margin-bottom: 10px;} .news ul li h1{ width: 97%;display: block;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;} .news ul li .f24{font-family: "瀹嬩綋";font-size: 20px;line-height: 24px;height: 24px;overflow: hidden;color: #333333;font-weight: bold;} .news ul li .date{display: block;font-size: 12px; font-style: normal; line-height: 15px; font-weight: normal; text-transform: uppercase; color: #4E4E4E;} .news ul li .word{display: block;line-height: 23px;color: #9E9E9E;margin-top: 7px;height: 48px;overflow: hidden;font-size: 13px;} .news ul li a:hover .f24{color: #035cac;} .news ul li a:hover .date{color: #a3b9d8;} .news ul li a:hover .word{color: #5986be;} .news-info{padding-top: 40px;padding-bottom: 50px;transition: normal;position: relative;} .news-info h1{font-family:"瀹嬩綋";font-weight:bold;margin-bottom: 27px;color: #505050;font-size: 24px;line-height: 38px;} .news-info .entry-meta{padding: 8px 20px;background: #edf1f7;overflow: hidden;color: #505050;line-height: 36px;font-size: 14px;} .news-info .contwrap{font-family:"瀹嬩綋";font-size: 14px;padding-top: 20px;padding-bottom: 40px;color: #555;} .news-info .contwrap img{display: block;margin: 0 auto;max-width: 100%;} .news-info .paging{width: 100%;} .news-info .paging{height: 48px;padding: 20px 0;width: 100%;} .news-info .paging .fl{font-family:"瀹嬩綋";font-size: 14px;line-height: 28px;} .news-info .paging a{color: #666;font-family:"瀹嬩綋"} .news-info .paging a:hover{color: #035cac;} .news-info .paging .return{border: 1px solid #ddd;display: block;height: 34px;line-height: 34px;margin-top: 10px;text-align: center;width: 100px;font-size: 16px;} .news-info .paging .return:hover{border: 1px solid #035cac;background-color: #035cac;color: #fff;} .map{width: 100%;height: 370px;border: 1px solid #ccc;margin: 40px auto;} .tab-wrap .tt{padding-right: 1%;text-align: right;} .tab-wrap .tex{font-size: 14px;height: 15px;line-height: 14px;padding: 14px 10px 13px 10px;background-color: #fff;border: 1px solid #dbdbdb;width: 95%;} .tab-wrap .area{border: 1px solid #dbdbdb;width: 98%;padding: 10px;resize: none;} .tab-wrap .code{width: 100px;font-size: 14px;height: 15px;line-height: 14px;padding: 14px 10px 13px 10px;background-color: #fff;border: 1px solid #dbdbdb;margin-right: 10px;} .tab-wrap .code-img{border: 1px solid #dbdbdb;margin-right: 20px;} .tab-wrap .sub-btn{border: none;width: 230px;height: 45px;background-color: #035cac;line-height: 45px;text-align: center;color: #fff;font-size: 18px;} .Investor{} .Investor ul{ width: 100%;} .Investor ul li{ border-bottom: 1px dashed #e7e7e7;width: 100%;line-height: 34px;} .Investor ul li a{ margin-left: 10px;line-height: 28px;font-size: 15px;color: #444444;} .Investor ul li span{ float: right;color: #4E4E4E;font-size: 14px;} .pro_f{ width: 100%;} .pro_f ul { margin-left: -25px; width: 100%; } .pro_f ul li { margin-bottom: 25px; margin-left: 25px; width: calc(25% - 25px); overflow: hidden; } .ser ul li { margin-bottom: 25px; margin-left: 25px; width: calc(33% - 25px); overflow: hidden; } .pro_f ul li .simg { background: #fff; background: #fff; padding: 20px 0; border-radius: 5px; } .pro_f ul li .simg img{width: 100%;} .pro_f ul li em{ font-style: normal;font-size: 14px;text-align: center;display: block;line-height: 30px;} /*-----------閫氱煡鍏憡---------------*/ .talent-wrap { } .talent-wrap .list {} .talent-wrap .list ul, .talent-wrap .list li {width: 100%;} .talent-wrap .list li {margin-bottom: 2px;} .talent-wrap .list .titbox {width: 91%;padding: 20px 4.5%;height: 30px;line-height: 30px;background-color: #fff;position: relative;} .talent-wrap .list .tit {font-size: 16px;font-family:"瀹嬩綋"} .talent-wrap .list .butn {display: inline-block;padding-right: 50px;background: url(../images/ico_03.png) no-repeat right center;cursor: pointer;font-size: 14px;} .talent-wrap .list .showbtn{ cursor: pointer;} .talent-wrap .list .butn:hover {color: #026dcc;} .talent-wrap .list .sub-cont {width: 100%;margin-bottom: 15px;background-color: #fff;display: none;} .talent-wrap .list .top-tit {width: 91%;background-color: #696969;height: 70px;line-height: 70px;cursor: pointer;padding-left: 4.5%;padding-right: 4.5%;position: absolute; left: 0;top: 0;display: none;} .talent-wrap .list .top-tit .ico{display: inline-block; width: 25px; height: 13px; background: url(../images/ico_04.png) no-repeat center; margin-top: 28px;} .talent-wrap .list .top-tit .name{color: #fff; font-size: 16px;} .talent-wrap .list .top-tit .f20{font-size: 20px;font-family:"瀹嬩綋"font-weight: bold;} .talent-wrap .list .cont-wrap{width: 91%; padding: 0 4.5%; padding-bottom: 50px;} .talent-wrap .list .tabbox{padding-top: 42px; padding-bottom: 37px; border-bottom: 1px solid #dfdfdf;} .talent-wrap .list .tabbox td{color: #333;} .talent-wrap .list .tabbox .tt{font-size: 14px; color: #666;} .talent-wrap .list .info{border-bottom: 1px solid #dfdfdf; padding-top: 40px; padding-bottom: 36px;} .talent-wrap .list .info .word{display: block; line-height: 26px; font-size: 14px;} .talent-wrap .list h4{font-size: 14px; font-weight: normal; line-height: 30px; color: #999;} .talent-wrap .list .apply{width: 151px;height: 39px;text-align: center;line-height: 39px;background: #1d6bc3;font-size: 16px; color: #d6e0f1;display: block;} .pages{ font-size: 0px; margin-right: -5px; padding-top: 15px; text-align: center; } .pages ul li { float: left; } .pages a{ font-size: 12px; color: #ccc; display: inline-block; _display:inline; padding: 0 7px; border: 1px solid #ddd; margin-right: 5px; line-height: 26px; } .pages a.prev,.pages a.next{ padding: 0 15px; } .pages a:hover, .pages a.cur, .pages a.active, .pages li.active a, .pages li.active a:hover { background: #0066a5; font-weight: bold; color: #fff; border: 1px solid #0066a5; } .pagination, .page{ width: 100%; height: 55px; background: #f5f5f5; line-height: 55px; overflow: hidden; text-align: center; } .page.search-page{ padding-bottom: 0; } .pagination a, .page a{ font-size: 14px; color: #888; padding: 5px 10px; border-radius: 3px; transition: all 0.5s; margin-right: 5px; } ul.pagination{ margin: 0px;padding: 0px;} ul.pagination>li{ display: inline;float: none;border: 0px;} .pagination a:hover,.pagination a.active,.page a:hover, .pagination li.active a{ background: #1d6bc3; color: #fff; transition: all 0.5s; } /*浜у搧涓績*/ .hoverImg{ overflow: hidden; } .hoverImg .hover-img{ transition: all .3s; -webkit-transition:all .3s; } .hoverImg:hover .hover-img{ transform: scale(1.05); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); transition: all .3s; -webkit-transition:all .3s; } .product-bj { background: #f9f9f9; padding-top: 50px; } .produc-ul div{ box-sizing: border-box; -moz-box-sizing: border-box; /* -webkit-box-sizing:border-box; */ /* white-space:normal !important; */ } .product { padding-top: 80px; padding-bottom: 130px; } .product .title-style { text-align: center; } .product .title-style .line { margin: 10px auto; } .product-rm { width: 475px; margin: 0 auto; position: relative; } .product-rm .int1 { width: 100%; height: 65px; font-size: 16px; border-radius: 35px; border: 1px solid #e5e5e5; background: #fff; padding-left: 25px; padding-right: 60px; } .product-rm .sub1 { width: 50px; height: 65px; background: initial; border: 0; background: url(../img/ico03.png) no-repeat center; position: absolute; top: 0; right: 5px; } .produc-ul { margin-top: 80px; } .produc-ul a { display: block; width: 100%; height: 410px; background: #fff; overflow: hidden; margin-bottom: 35px; } .produc-lt { width: 50%; height: 100%; float: left; position: relative; overflow: hidden; } .produc-lt > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .produc-rt { width: 50%; height: 100%; float: right; padding: 65px; padding-right: 115px; transition: all .3s; -webkit-transition: all .3s; } .produc-a { font-size: 30px; line-height: 40px; font-weight: bold; color: #ef7f1a; transition: all .3s; ; -webkit-transition: all .3s; } .produc-b { width: 65px; height: 1px; margin-top: 25px; margin-bottom: 11px; transition: all .3s; ; -webkit-transition: all .3s; } .produc-c { font-size: 15px; color: #333; line-height: 30px; margin-bottom: 5px; transition: all .3s; ; -webkit-transition: all .3s; } .produc-d { font-size: 14px; color: #909090; line-height: 25px; min-height: 90px; transition: all .3s; -webkit-transition: all .3s; } .produc-e { margin-top: 50px; height: 15px; background: url(/v1/images/ico04.png) no-repeat left center; transition: all .3s; ; -webkit-transition: all .3s; } .produc-ul a:hover .produc-rt { /*background: url(../img/img02.jpg)no-repeat center;*/ background: #ef7f1a; background-size: cover; transition: all .3s; ; -webkit-transition: all .3s; } .produc-ul a:hover .produc-a, .produc-ul a:hover .produc-c, .produc-ul a:hover .produc-d { color: #fff; transition: all .3s; ; -webkit-transition: all .3s; } .produc-ul a:hover .produc-b { /*background: #fff;*/ transition: all .3s; ; -webkit-transition: all .3s; } .produc-ul a:hover .produc-e { background-image: url(/v1/images/ico04_1.png); transition: all .3s; ; -webkit-transition: all .3s; } .produc-ul a:nth-child(2n + 0) .produc-lt { float: right; } a:nth-child(2n + 0) .produc-rt { float: left; } @media(max-width:1600px) { .produc-rt { padding: 93px 40px 40px; } .produc-ul a { height: 370px; } .produc-a { font-size: 26px; line-height: 35px; } .produc-c, .produc-d { font-size: 16px; } } @media(max-width:1000px) { .produc-ul a { height: auto; } .produc-lt { width: 100%; height: 380px; } .produc-rt { width: 100%; height: auto; } .produc-d { min-height: auto; } .produc-e { margin-top: 30px; } } @media(max-width:750px) { .product { padding-top: .8rem; padding-bottom: .8rem; } .product-rm { width: 100%; max-width: 6rem; } .product-rm .int1 { height: 1rem; line-height: 1rem; font-size: .3rem; padding-left: .3rem; padding-right: 1rem; } .product-rm .sub1 { width: .8rem; height: .8rem; top: .1rem; right: .1rem; } .produc-ul { margin-top: .8rem; } .produc-lt { height: 3.5rem; } .produc-rt { padding: .35rem; } .produc-a { font-size: .32rem; font-weight: bold; line-height: .45rem; } .produc-b { width: .6rem; margin-top: .25rem; margin-bottom: .3rem; } .produc-c, .produc-d { font-size: .28rem; line-height: .45rem; } .produc-e { margin-top: .3rem; } .produc-ul a { margin-bottom: .3rem; } } .case { background: #f5f5f5; padding-top: 50px; } .box { max-width: 1170px; width: 90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; box-sizing: border-box; } .case { background: #f5f5f5; padding-top: 50px; } .case .nav { line-height: 76px; } .case .prtp { padding-bottom: 30px; } .case .prtp .img { width: 49.5%; float: left; background: #fff; } .case .prtp .img img { display: block; margin: 0 auto; border: none; max-width: 100%; } .case .prtp .prt { width: 46%; float: right; text-align: justify; } .case .prtp .prt .ptt { margin: 20px 0; line-height: 1.5; } .case .prtp .prt .xian { display: block; width: 20px; height: 2px; background: #d9251c; margin: 20px 0; } .case .prtp .prt .ptc { color: #999; line-height: 2; padding: 20px 0; margin-bottom: 50px; border-bottom: 1px solid #ddd; } .case .prtp .prt .more { display: block; width: 140px; line-height: 42px; text-align: center; background: #da251d; color: #fff; position: relative; overflow: hidden; margin: 0; border-radius: 3px; } .case .prtp .prt .more s { display: none; width: calc(100% - 10px); height: calc(100% - 10px ); border: 1px solid #fff; position: absolute; left: 5px; top: 5px; transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; } .case .prtp .prt .more:hover s { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .case .prbt { text-align: center; line-height: 60px; } .case .prbt .ptt { background: #ddd; font-weight: bold; display: none; } .case .prbt .abtn { padding-bottom: 50px; } .case .prbt .abtn a { display: block; width: 33%; float: left; background: #fff; margin-top: 0.5%; margin-right: 0.5%; position: relative; overflow: hidden; } .case .prbt .abtn a::after { display: block; content: ''; position: absolute; width: 0%; left: 0; bottom: 0; z-index: 2; background: #d9251c; height: 2px; -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1); } .case .prbt .abtn a:nth-child(1) { width: 100%; margin-right: 0; } .case .prbt .abtn a span { margin: 0 10px; color: #fff; display: none; } .case .prbt .abtn a:nth-child(3n + 1) { margin-right: 0; } .case .prbt .abtn.sanji a:nth-child(1) { width: 33%; margin-right: 0.5%; } .case .prbt .abtn.sanji a:nth-child(3n) { margin-right: 0; } .case .prbt .abtn.sanji a:nth-child(3n + 1) { margin-right: 0.5%; } .case .prbt .abtn a:hover::after, .case .prbt .abtn a.act::after { width: 100%; } .case .prbt .abtn a:hover, .case .prbt .abtn a.act { color: #d9251c; } .casemenu { line-height: 60px; text-align: center; } .casemenu a { display: block; width: 25%; float: left; position: relative; background: #f5f5f5; } .casemenu a:after { content: ""; display: block; width: 0%; height: 2px; background: #146cab; position: absolute; bottom: 0; left: 0; -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1); } .casemenu a.act:after { width: 100%; } .casemenu a.act, .casemenu a:hover { color: #146cab; font-weight: bold; }